<template>
  <div class="mySet">
    <mtHeader
      fixed
      title="设置"
      style="background: linear-gradient(0deg, #399f00, #26701a);height:1rem"
    >
        <div class="header-left iconfont" slot="left" @click="$router.back(-1)">&#xe623;</div>
        <!-- <div slot="right" @click="btnSort">完成</div> -->
    </mtHeader>
    <div class="container">
      <router-link to="/userSecurity">
        <div class="cell">
        <P class="cell-tit">账号与安全</P>
        <span class="iconfont right2">&#xe606;</span>
      </div>
      </router-link>
      <div class="line-h"></div>
      <div class="cell">
        <P class="cell-tit">清除缓存</P>
        <span class="iconfont right2">&#xe606;</span>
      </div>
      <div class="line-h"></div>
      <div class="cell">
        <P class="cell-tit">用户协议</P>
        <span class="iconfont right2">&#xe606;</span>
      </div>
      <div class="line-h"></div>
      <div class="cell">
        <P class="cell-tit">隐私设置</P>
        <span class="iconfont right2">&#xe606;</span>
      </div>
      <div class="line-h"></div>
      <div class="cell">
        <P class="cell-tit">社区公约</P>
        <span class="iconfont right2">&#xe606;</span>
      </div>
      <div class="line-h"></div>
    </div>
    <mt-button type="default" size="large" @click="outLogin" style="position: fixed;
      left: 50%;bottom: 0.4rem;
      background: #389E01;
      color: #fff;
      border-radius: 0.4rem;
      text-align: center;
      height: 0.9rem;
      line-height: 0.9rem;
      width: calc(100% - 0.4rem);
      transform: translateX(-50%);">退出登录</mt-button>
  </div>
</template>
<script>
import { Header, Cell,Popup,Button,Toast  } from "mint-ui";

export default {
  name: "mySet",
  components: {
    mtHeader: Header,
    mtCell: Cell,
    mtPopup:Popup,
    mtButton:Button
  },
  data: function() {
    return {
      
    };
  },
  methods: {
    outLogin() {
      sessionStorage.removeItem("userInfo");
      Toast("已退出")
      setTimeout(() => {
          this.$router.go(-1)
        }, 1000);
    },
    changeSort(p){
      if(this.sort==p){
        return;
      }
      this.sort=p;
      this.isActive=false
    }
  }
};
</script>
<style lang="less" scoped>
@import url('~styles/common.less');
</style>